<template>
  子组件B
  <br />
  <!-- 通过计算属性实现双向绑定 -->
  子组件的输入框2：
  <input type="text" v-model="propsModel" />
</template>

<script>
export default {
  props: ['modelValue'],
  data() {
    return {}
  },
  emits: ['update:modelValue'],
  // 通过计算属性实现双向绑定
  computed: {
    propsModel: {
      get() {
        return this.modelValue
      },
      set(newValue) {
        this.$emit('update:modelValue', newValue)
      },
    },
  },
}
</script>

<style scoped></style>
